<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/manual.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=G5ANxFrbSI3UCD0bmb0AD0MsWj4Y8uXL"></script>
<script type="text/javascript">
function MM_popupMsg(msg) { //v1.0
  alert(msg);
}
</script>
<title>首页</title>
<style>
* {
  margin: 0;
  padding: 0;
}
.gradient {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 600% 600%;
    animation: gradientBG 5s ease infinite;
  }
  @keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
  }
	.div1{
	height:60px;
	width:1500px;
	margin-left:10px;
	position:inherit;
	margin:auto;
		}
	.div2{
	height:600px;
	width:1500px;
	User-select: none; 
	-webkit-user-drag: none;
	position:inherit;
	background-color:#FFF;
	margin:0px auto;
		}
		  .ribbon{
            display: inline-block;
        }
        .ribbon::before{
			width:220px;
            margin-top: 8px;
            content: "";
            border: 24px solid #333;
            border-left-color: transparent;
            float: left;
        }
        .ribbon::after{
			width:650px;
            margin-top: 8px;
            content: "";
            border: 24px solid #333;
            border-right-color: transparent;
            float: left;
        }
        a{
            float: left;
            height: 56px;
            text-decoration: none;
            overflow: hidden;
        }
        span{
            margin-top: 8px;
            color: #fff;
            line-height:48px;
            padding: 0 16px;
            background: #333;
            display: inline-block;
            position: relative;
            transition: all 0.3s;
        }
        a:hover span{
            margin-top: 0;
            background: #666699;
        }
        span::before{
            content: "";
            position: absolute;
            top: 48px;
            left: 0;
            border-right: 8px solid #666699;
            border-bottom: 8px solid #333;
        }
        span::after{
            content: "";
            position: absolute;
            top:48px;
            right: 0;
            border-left: 8px solid #666699;
            border-bottom: 8px solid #333;
        }
		.div3{
	height:50px;
	width:1500px;
	padding-top:10px;
	margin-left:10px;
	position:inherit;
	margin:auto;
	font-size:36px;
	background-color:#333;
	text-align:center;
	color:#FFF;
			}
		.div4{
	background-color:#333;
	height:600px;
	width:1500px;
	margin-left:10px;
	position:inherit;
	margin:auto;
	padding-top:50px;
		}

.box {
		    width: 300px;
		    height: 300px;
			float:left;
		    margin-top: 30px;
		    margin-left: 60px;
		    transition: all 0.4s;
			}
		.box:hover {
		    box-shadow: 0 8px 8px 0 grey;
		    transform: translate(0, -10px);
		    transform: scale(1.2)
		}
		.box-bd {
		    margin: 20px 0 0 300px;
		    width: 400px;
		}
		.button {
    background-color: #4CAF50; /* Green */
	border-radius:15px;
	border:0px;
    color: white;
    padding: 10px 35px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    margin: auto;
    cursor: pointer;
	width:160px;
	height:50px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
		.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
		.zoom {
			border-radius:15px 0px 15px 0px;
  padding:40px;
  margin-left:40px;
  background-color:#FFF;
  transition: transform .2s; 
  width: 200px;
  height: 400px;
}

.zoom:hover {
  transform: scale(1.4);
}
.p {
  animation-duration: 3s;
  animation-name: slidein;
}
 p::selection{
	 text-shadow:4px 4px 10px #CCC;
	 color:#F3F;
	  hackground-color:#F6F;
	  }
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
</style>
</head>
<body class="gradient">
 <div class="div1"><div class="ribbon">
 <a href="kali.html"><span>kali实战</span></a>
        <a href="API.html"><span>百度地图</span></a>
        <a href="dxhz.html"><span>短信测试</span></a>
        <a href="jikeyingjian.html"><span>硬件介绍</span></a>
        <a href="xitongguazai.html"><span>系统挂载</span></a>
       <img src="js/assets/img/t.png" height="45px" width="45px" style="border-radius:65px; float:right; margin-top:8px; User-select: none; -webkit-user-drag: none">
    </div></div>
    <div style="height:580px; width:1500px; margin:auto;background:url(img/DDOS2.png);border-radius:15px 15px 0px 0px;">
<div style="height:510px; width:750px; margin-left:40px;float:left; margin-top:30px">
<div style="width:750px;height:510px;font-size:12px; margin:auto" id="map"></div>
<script type="text/javascript">
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom(new BMap.Point(117.653579,24.51893),16);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
    }
    function addMapControl(){
      var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_TOP_LEFT});
      scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
      map.addControl(scaleControl);
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,type:3});
      map.addControl(navControl);
      var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_TOP_LEFT,isOpen:true});
      map.addControl(overviewControl);
    }
    var map;
      initMap();
  </script>
</div>
    <div style="height:520px; width:500px; margin-left:100px;margin-top:20px; float:left;font-size:30px; color:#FFF; font-family:'MS Serif', 'New York', serif">
      <div style="height:100px; width:500px; font-size:100px; color:#FFF">
        <p class="p">
2024</p>
</div>
<p class="p">最新补丁更新支持一加7手机刷入nethunter系统，一键满血，内置500个网络安全测试工具，可外置网卡等其它硬件，让每一次渗透都将得心应手</p>
<h1 class="p">功能</h1>
<li class="p">搭建MySQL</li>
<li class="p">搭建网站服务器</li>
<li class="p">搭建内网穿透服务器</li>
<li class="p">可制作usb/及usb攻击套件</li>
<li class="p">内置桌面操作系统</li>
<li class="p">可外接大功率无线网卡</li>
    </div>   
</div>
<div class="div2"><div class="banner-container">
		<input type="radio" name="radio-set" checked="checked" id="banner-control-1">
		<a class="banner-nav-a" href="#banner01"></a>
		<input type="radio" name="radio-set" id="banner-control-2">
		<a class="banner-nav-a" href="#banner02"></a>
		<input type="radio" name="radio-set" id="banner-control-3">
		<a class="banner-nav-a" href="#banner03"></a>
		<input type="radio" name="radio-set" id="banner-control-4">
		<a class="banner-nav-a" href="#banner04"></a>
		<div class="banner-img-container">
			<img id="banner01" src="img/API.jpg" alt="">
			<img id="banner02" src="img/banner02.jpg" alt="">
			<img id="banner03"  src="img/termux-vnc.png" alt="">
			<img id="banner05" src="img/kali.jpg" alt="">
		</div>
	</div></div>
<div class="div3">基本内容</div>
<div style="height:500px; margin:auto; width:1500px; background-color:#333; padding-top:5px; position:inherit;User-select: none; -webkit-user-drag: none">
<div class="box"><img src="img/20210924025149656.png" height="300px" width="300px" style="User-select: none; -webkit-user-drag: none"></div>
<div class="box"><img src="img/wifi.png" height="300px" width="300px" style="User-select: none; -webkit-user-drag: none"></div>
<div class="box"><img src="img/OI.png" height="300" width="300" style="User-select: none; -webkit-user-drag: none"></div>
<div class="box"><img src="img/csr4.png" height="300" width="300" style="User-select: none; -webkit-user-drag: none"></div>
<div style="float:left; height:60px; width:1500px; margin-top:35px">
<div style="height:40px; width:110px; margin-left:130px;  padding-left:10px; float:left"><button class="button button2"><a href="jikeyingjian.html" style="color:#FFF">&nbsp;&nbsp;树莓派</a></button></div>
<div style="height:40px; width:110px; margin-left:230px;  padding-left:10px; float:left"><button class="button button2"><a href="jikeyingjian.html" style="color:#FFF">&nbsp;无线网卡</a></button></div>
<div style="height:40px; width:110px; margin-left:245px;  padding-left:10px; float:left"><button class="button button2"><a href="jikeyingjian.html" style="color:#FFF">&nbsp;ESP芯片</a></button></div>
<div style="height:40px; width:110px; margin-left:250px;  padding-left:10px; float:left;"><button class="button button2"><a href="jikeyingjian.html" style="color:#FFF">&nbsp;CSR4.0</a></button></div>
</div>
</div>
<div style="background-color:#408080; height:600px; width:1500px; margin:auto; position:inherit; padding-top:10px;User-select: none; -webkit-user-drag: none">
<div style="height:520px; width:620px; margin-top:10px; float:right; margin-right:10px; margin-left:10px; box-shadow:5px 10px 15px 5px #999; border-radius:15px; background-color:#FFF; font-size:19px; padding:10px">
<p>&nbsp;</p>
  <p>&nbsp;&nbsp;&nbsp;&nbsp;安全漏洞是指任何会导致计算机数据、应用程序、网络或设备受到未经授权访问的事件。它导致信息在未经授权的情况下被访问。通常，它发生在入侵者能够绕过安全机制时。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;从技术上讲，安全漏洞与数据泄露之间存在区别。安全漏洞实际上是入侵，而数据泄露定义为网络犯罪分子携带信息离开。想象一个窃贼；安全漏洞是他爬过窗户，而数据泄露是他抓住您的钱包或笔记本电脑并将其拿走。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;机密信息具有巨大的价值。暗网上经常有出售；例如，姓名和信用卡号码可以被购买，然后用于身份盗窃或诈骗。安全漏洞给公司造成巨额损失已不足为奇。大型公司的平均损失将近 4 百万美元。</p>
      <p>区分安全漏洞的定义与安全事件的定义也很重要。事件可能涉及恶意软件感染、DDOS 攻击或员工将笔记本电脑留在出租车上，但是如果它们没有导致访问网络或数据丢失，则不被视为安全漏洞。</p>
      <p>&nbsp;</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;大约十年前，许多公司试图将安全漏洞的消息保密，以免破坏消费者的信心。然而，这种情况变得越来越少。在欧盟，GDPR（通用数据保护条例）要求公司将漏洞以及个人数据可能面临风险的个人通知相关部门。</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;到 2020 年 1 月，GDPR 生效仅 18 个月，然而已经发出超过 16 万个单独的数据泄露通知 - 每天超过 250 个。</p>
  </div>
<div style="height:60px; width:780px; margin-top:40px; float:left; margin-left:40px; border-radius:15px; background-color:#FFF; font-size:30px; text-align:center; padding-top:20px">🖥️⌨️🖲️什么是安全漏洞?</div>
<div style="height:360px; width:780px; margin-top:40px; float:left; margin-left:40px; border-radius:15px; background-color:#FFF">
<div class="box"><img src="img/sqlmap.png" height="304" width="300" style="User-select: none; -webkit-user-drag: none"></div>
<div class="box"><img src="img/msf.png" height="304" width="300" style="User-select: none; -webkit-user-drag: none"></div>
</div>
</div>
<div class="div4">
  <div style="height:500px; width:310px; float:left; margin-left:19px; text-align:center; margin-top:50px"><div class="zoom"><p style="font-size:23px">百度地图API</p>
  <p>&nbsp;</p>
<p style="font-size:20px">百度地图URI API，用户可在自己的应用或者网页中，直接调用网页版百度地图或者手机端（百度地图客户端或网页版）实现地图位置展示，公交换乘，周边信息展示等功能，还能通过一个URL串快速分享给他人。URI API支持PC端、移动版（Android、iOS）。</p>
<div style="height:40px; width:110px; margin-left:15px; margin-top:39px; padding-left:10px; font-size:24px;"><button class="button button2"><a href="API.html" style="color:#000">&nbsp;百度地图</a></button></div>
</div></div>
<div style="height:500px; width:310px; float:left; border-radius:15px;text-align:center; margin-top:50px"><div class="zoom">
<p style="font-size:23px">kali工具</p>
  <p>&nbsp;</p>
<p style="font-size:20px">Kali Linux是一个高级渗透测试和安全审计Linux发行版，目前可以说是网络安全人员的专用系统。
Kali Linux功能非常强大，能够进行信息取证、渗透测试、攻击WPA / WPA2保护的无线网络、离线破解哈希密码、将android、Java、C++编写的程序反编译成代码等！</p>
<div style="height:40px; width:110px; margin-left:15px; margin-top:20px; padding-left:10px; font-size:24px;"><button class="button button2"><a href="kali.html" style="color:#000">&nbsp;kali工具</a></button></div>
</div></div>
<div style="height:500px; width:310px; float:left;border-radius:15px;text-align:center; margin-top:50px"><div class="zoom">
<p style="font-size:23px">root权限</p>
  <p>&nbsp;</p>
<p style="font-size:20px">Root是Linux系统中的超级管理员用户帐户，该帐户拥有整个系统至高无上的权利，但不同的是，Android也是在Linux基础上的系统，关于ROOT的解释同上，系统文件都是属于ROOT用户的，也就是说只有获得了ROOT权限后才能对系统文件进行查看、修改、定制。</p>
<div style="height:40px; width:110px; margin-left:15px; margin-top:38px; padding-left:10px; font-size:24px;"><button class="button button2"><a href="xitongguazai.html" style="color:#000">&nbsp;系统挂载</a></button></div>
</div></div>
<div style="height:500px; width:320px; float:left;border-radius:15px;text-align:center; margin-top:50px">
  <div class="zoom">
<p style="font-size:23px">短信测试</p>
<p>&nbsp;</p>
<p style="font-size:20px">短信炸弹一般基于WEB方式（基于客户端方式的&ldquo;短信炸弹&rdquo;工具原理类似），其由两个模块组成，包括：一个前端Web网页，提供输入被攻击者手机号码的输入窗口；一个后台攻击页面(如PHP)，每次请求给用户发送一个动态短信。</p>
<div style="height:40px; width:120px; margin-left:15px; margin-top:55px; padding-left:px; font-size:24px; text-align:center"><button class="button button2"><a href="dxhz.html" style="color:#000">&nbsp;短信测试</a></button></div>
</div></div>
<div style="height:520px; width:150px; float:right; margin-top:10px; margin-bottom:10px; background-color:#FFF; border-radius:15px 0px 0px 15px;">
  <h1 style="text-align:center; font-size:40px;"><br><br><br>kali<br>工具<br>介绍<br>系统<br>刷写<br>教程<br>
  </h1>

</div>
</div>
<div style="background-color:#408080; height:600px; width:1500px; margin:auto; position:inherit; padding-top:10px; User-select: none; -webkit-user-drag: none">
<div style="height:470px; width:600px; margin-top:40px; float:left; margin-left:20px; box-shadow:5px 10px 15px 5px #999; border-radius:15px; background-color:#FFF; padding:30px; font-size:19px;  user-select: none;">
  <p>　做一个网页的主页不是一件容易的事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。</p>
  <p>&nbsp;</p>
  <p>制作主页要注意：
  </p>
  <p>&nbsp;&nbsp;&nbsp;&nbsp;要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上决定了你整个主页的定位。一个好的标题必须有概括性、有特色、简短易记，要符合自己主页的主题和风格。
      主页中不光要有文字，还要适当地加一些图片。能让进入你网页的人一目了然，产生兴趣。
      网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。  </p>
  <p>&nbsp;</p>
  <p>&nbsp;&nbsp;&nbsp;&nbsp;当然在做这些内容之前，是要找好资料的，我们可以从现实中收集，比如拍摄产品视频，图片，再加上一定的编辑后就可以了。这里图片编辑我个人用的是PS，AI，调色用的是Lr，视频用的是Pr.
    拍摄器材为佳能XSH40，尼康D7100，索尼A7M4.没有设备没关系，手机也能，可以用谷歌相机，模组以及APP点此链接下载。</p>
  <p>&nbsp;</p>
  <p>&nbsp;&nbsp;&nbsp;&nbsp;另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料，这里我推荐pexels跟素材中国。设计制作网页软件我用的是HBuilder-X配合Dreamweaver。网页设计制作完毕后，最后一步就是要优化网站了。最后有需求的可以搭建网站服务器再搞个内网穿透就可以全球访问了，就是可能会有点慢，毕竟是免费的。</p>
</div>
<div style="height:50px; width:780px; margin-top:40px; float:left; margin-left:20px; border-radius:15px; background-color:#FFF; padding-top:20px; text-align:center; font-size:30px">网站制作灵感(ㆆᴗㆆ)💡/素材(｡･ω･｡)?</div>
<div style="height:360px; width:780px; margin-top:50px; float:left; margin-left:20px; border-radius:15px; background-color:#FFF">
<div class="box"><img src="img/psc (1).png" height="300" width="304" style="User-select: none; -webkit-user-drag: none"></div>
<div class="box"><img src="img/pcl.jpg" height="300" width="304" style="User-select: none; -webkit-user-drag: none"></div>
</div>
</div>
<div style="height:600px; width:1500px; margin:auto; padding-top:10px; background:#CCC"><div style="height:520px; width:1150px; margin:auto; background:url(img/termux-vnc.jpg); margin-top:35px"></div></div>
<div style="height:530px; width:1500px; margin:auto;background:#333">
<div style="height:425px; width:1341px; background:#FFF; float:left; margin-top:25px; margin-left:46px; border-radius:15px; font-size:30px;  padding:30px;  user-select: none;">
<h1 style="text-align:center">TERMUX免root安装kali系统+vnc</h1>
<p>&nbsp;</p>
<p>ZeroTermux是根据 Termux 二次开发的一个非盈利性的软件，也是termux终端模拟器二次开发版应用，在原版基础上魔改优化，支持Linux终端指令运行、ADB安装、配制VNC、高级功能增强等功能</p>
<p style="float:left">zerotermux支持安卓下载提供终端免root的修改操作。</p>
<p>&nbsp;</p>
<br >
<br>
<li style="float:left; font-size:24px">移动开发：在没有计算机的情况下，你可以使用 ZeroTermux 进行简单的代码编写、测试和调试。</li></p>
<p><li style="float:left; font-size:24px">服务器管理：通过 SSH 连接到远程服务器，进行日常的运维工作。</li></p>
<p><li style="float:left; font-size:24px">学习 Linux 命令行：对于初学者来说，这是一个便捷的学习平台，可以在掌上设备上实践命令行操作。</li></p>
<p><li style="float:left; font-size:24px">渗透测试：许多安全工具（如 Nmap, John the Ripper）可以在 ZeroTermux 中运行，方便进行移动安全测试。</li></p>
<p><li style="float:left; font-size:24px">个人脚本执行：无论何时何地，都可以运行你自己的 shell 脚本或自动化流程。</li></p>
<p>&nbsp;</p>
</div></div>
<div style="height:600px; width:1500px; margin:auto; background:#408080;">
<div style="height:55px; width:1420px; background:#FFF; float:left; margin-top:25px; margin-left:35px; border-radius:15px; color:#000; font-size:30px; text-align:center; padding-top:20px">感谢指正并提供素材灵感的人(🙏ˊᗜˋ*)</div>
<div style="height:250px; width:250px; background:#FFF; float:left; margin-top:25px; margin-left:200px; border-radius:85%">
<img src="js/assets/img/tt.jpg" height="252" width="258" style="border-radius:85%; User-select: none; -webkit-user-drag: none"></div>
<div style="height:250px; width:250px; background:#FFF; float:left; margin-top:25px; margin-left:30px; border-radius:85%">
<img src="js/assets/img/BE1.jpg" height="250" width="250" style="border-radius:85%; User-select: none; -webkit-user-drag: none"></div>
<div style="height:250px; width:250px; background:#FFF; float:left; margin-top:25px; margin-left:30px; border-radius:85%">
<img src="js/assets/img/t7.jpg" height="250" width="250" style="border-radius:85%; User-select: none; -webkit-user-drag: none"></div>
<div style="height:250px; width:250px; background:#FFF; float:left; margin-top:25px; margin-left:30px; border-radius:85%">
<img src="js/assets/img/kalinethunter8.png" height="250" width="250" style="border-radius:85%; User-select: none; -webkit-user-drag: none"></div>
<div style="height:50px; width:1500px; float:left; margin-top:30px">
<div style="height:40px; width:160px; float:left; margin-left:250px;  margin-right:55px; border-radius:15px; color:#000; text-align:center; background:#FFF; font-size:26px; padding-top:15px">后期制作</div>
<div style="height:40px; width:160px; float:left; margin-left:63px; margin-right:100px; border-radius:15px; color:#000; text-align:center; background:#FFF; font-size:26px; padding-top:15px"">技术支持</div>
<div style="height:40px; width:160px; float:left; margin-left:30px; margin-right:100px; border-radius:15px; color:#000; text-align:center; background:#FFF; font-size:26px; padding-top:15px"">摄影编导</div>
<div style="height:40px; width:160px; float:left; margin-left:15px;margin-right:100px; border-radius:15px; color:#000; text-align:center; background:#FFF; font-size:26px; padding-top:15px"">站外支持</div>
</div>
<div style="height:100px; width:1400px; float:left; margin-top:10px; border-radius:15px; background:#FFF; margin-left:50px; padding-top:20px; padding-left:20px"><h1>感谢指正并提供素材灵感的人(🙏ˊᗜˋ*)</h1>
  <p>&nbsp;</p>
<p>他们都是来自三明，漳州，泉州的好友，是GitHub平台的爱好者。在线下是勤奋的工作者，在线上是守护网络安全的侠客。用一句话来形容就是：技术宅拯救世界真的很酷-----------大伟哥</p>
</div>
</div>
<div style="height:1070px; width:1500px; margin:auto; background:#333; padding-top:20px; User-select: none; -webkit-user-drag: none">
<div style="height:250px;border-radius:15px; width:1200px; margin-top:10px; background-color:#FFF; margin-left:150px" class="box">
<div style="height:200px; width:200px; background:#FFF; float:left; margin-top:25px; margin-left:15px; border-radius:85%; ">
<img src="js/assets/img/tt.jpg" height="200" width="200" style="border-radius:85%; User-select: none; -webkit-user-drag: none"></div>
<div style="height:80px; width:700px; float:left; margin-top:25px; margin-left:20px; font-size:20px; padding:10px"><h1>后期制作</h1>
  <p>&nbsp;</p>
<p>主要负责图片，视频的修图，跟调色。主用软件lr、ps、pr、剪映。</p></div>
<div style="height:80px; width:700px; float:left; margin-left:20px;font-size:20px; padding:10px"><h1>UI设计：</h1>
  <p>&nbsp;</p>
<p>制作图片，制作按钮，提供调色，跟摄影师对接</p></div>
</div>
<div style="height:250px;border-radius:15px; width:1200px; margin-top:10px; background-color:#FFF; margin-left:150px"  class="box">
<div style="height:200px; width:200px; background:#FFF; float:left; margin-top:25px; margin-left:15px; border-radius:85%">
<img src="js/assets/img/BE1.jpg" height="200" width="200" style="border-radius:85%; User-select: none; -webkit-user-drag: none"></div>
<div style="height:80px; width:700px; float:left; margin-top:25px; margin-left:20px; font-size:20px; padding:10px"><h1>技术支持</h1>
  <p>&nbsp;</p>
  <p>主要负责服务器搭建，站外访问，百度地图API制作</p></div>
<div style="height:80px; width:700px; float:left; margin-left:20px;font-size:20px; padding:10px"><h1>站内技术：</h1>
  <p>&nbsp;</p>
<p>提供短信轰炸测试页面，提供百度地图API功能，提供ROOT技术</p>
</div>
</div>
<div style="height:250px;border-radius:15px; width:1200px; margin-top:10px; background-color:#FFF; margin-left:150px"  class="box">
  <div style="height:200px; width:200px; background:#FFF; float:left; margin-top:25px; margin-left:15px; border-radius:85%"><img src="js/assets/img/t7.jpg" height="200" width="200" style="border-radius:85%"></div><div style="height:80px; width:700px; float:left; margin-top:25px; margin-left:20px; font-size:20px; padding:10px"><h1>摄影编导</h1>
    <p>&nbsp;</p>
  <p>主要负责素材审核，外景拍摄，视频拍摄，文本撰写。跟后期制作对接</p>
  </div>
<div style="height:80px; width:700px; float:left; margin-left:20px;font-size:20px; padding:10px"><h1>素材拍摄：</h1>
  <p>&nbsp;</p>
<p>主要提供音视频图片素材，人物图像摄影，网站背景图片拍摄</p></div>
</div>
<div style="height:250px;border-radius:15px; width:1200px; margin-top:10px; background-color:#FFF; margin-left:150px"  class="box">
  <div style="height:200px; width:200px; background:#FFF; float:left; margin-top:25px; margin-left:15px; border-radius:85%"><img src="js/assets/img/kalinethunter8.png" height="200" width="200" style="border-radius:85%"></div><div style="height:80px; width:700px; float:left; margin-top:25px; margin-left:20px; font-size:20px; padding:10px"><h1>站外技术</h1>
    <p>&nbsp;</p>
  <p>提供kalinet hunter挂载技术及更新补丁</p>
  </div>
<div style="height:80px; width:700px; float:left; margin-left:20px;font-size:20px; padding:10px"><h1>提供内容：</h1>
  <p>&nbsp;</p>
<p>提供系统镜像，刷入机型，root过程，提供kali工具教程，提供硬件支持，提供内核修改</p></div>
</div>
</div>
<div style="height:80px; width: 1500px; background-color: #333; margin:auto; padding-top:10px;"><script>
        Date.prototype.format = function (fmt) {
            var o = {
                "y+": this.getFullYear, //年
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds() //秒
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        }
        setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000);
    </script>
 
    <div style="font-family:'仿宋'; margin:auto; width:600px; height:70px; font-size:30px; color:#FFF; margin-left:600px; margin-top:10px"><div id="dateTime"></div></div>
</div>


</body>
</html>
